<template>
  <div class="option">
    <img v-if="option.type && option.type === 'img'" :src="option.text"/>
    <input v-else-if="option.type && option.type === 'editable'" class="weui-input" :placeholder="option.placeholder">
    <div v-else>{{option.text}}</div>
  </div>
</template>

<script>
  export default {
    name: "view-i-option",
    props: {
      option:Object,
      ui:{
        type:Number,
        default:1 // 1 weui  2 customer
      }
    }
  }
</script>

<style scoped>
  .option {

  }

  .option img {
    max-height: 68px;
    max-width: 68px;
  }
</style>
